<script type="text/javascript">
//页面加载时执行
$(function(){
	$.get("applicationSingle/getCardInfo",function(data){
		var contentb="<option value='' selected>请选择</option>";
		var contentc="<option value='' selected>请选择</option>";
		var i;
		$(data).each(function(n,item){
			for(i=0;i<item.cdProDefinitions.length;i++){
				
				contentb+="<option value="+item.cdProDefinitions[i].cardpCode+">"
				+item.cdProDefinitions[i].cardpName+"</option>"
			}
			$("#cardCodeByQueryLoss").html(contentb);
		});
	},"json");
	
	$.ajax({
		type: 'POST',
		url:"queryInfo/queryLossAndUnbind",
		dataType:"json",
		cache: false,
		success: queryLossAndUnbind,//回调函数
		error: DWZ.ajaxError
	});
	
});
</script>
<div class="pageHeader ">
	<form id="pagerForm" method="post"
		action="queryInfo/queryLossAndUnbind"
		class="pageForm required-validate"
		onsubmit="return validateCallback(this,queryLossAndUnbind);">
		<input type="hidden" name="pageNum" value="" /> <input type="hidden"
			name="numPerPage" value="" />
		<!-- <input type="hidden" name="pageCount" value="" /> -->
		<div class="searchBar">
			<!-- <table class="searchContent">
			<tr>
				<td style="text-align:left"><label>卡产品：</label></td>
				<td style="text-align:left"><select id="cardCodeByQueryLoss" name="cardPCode" >
			
				</select></td>
			
				<td style="text-align:left"><label>姓名：</label></td>
				<td><input  name="customerName" class="" type="text" size="30" /></td>
			</tr>
			<tr>
				<td style="text-align:left"><label>证件号码：</label></td>
				<td><input  name="paperNo" class="" type="text" size="30" /></td>
			
				<td style="text-align:left"><label>市民卡号：</label></td>
				<td><input  name="citizenCardNo" class="" type="text" size="30" /></td>
			</tr>
			<tr>
				<td><label>办理日期(起)：</label></td>
				<td><input  name="crtDateStart" class="date" type="text" size="30"  /></td>
			
				<td><label>办理日期(止)：</label></td>
				<td><input  name="crtDateEnd" class="date" type="text" size="30" /></td>
			</tr>
			</table> -->
			<div class="row" style="padding: 0 10px;">
				<div class="col-md-4 col-sm-12">
					<p>
						<label>卡产品：</label> <select id="cardCodeByQueryLoss"
							name="cardPCode"></select>
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>姓名：</label> <input name="customerName" class="validName" type="text"
							size="30" />
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>证件号码：</label><input name="paperNo" class="" type="text"
							size="30" />
					</p>
				</div>
			</div>
			<div class="row" style="padding: 0 10px;">
				<div class="col-md-4 col-sm-12">
					<p>
						<label>市民卡号：</label><input name="citizenCardNo" class="validCitizenCardNo"
							type="text" size="30" />
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>办理日期(起)：</label> <input name="crtDateStart" class="date validDateFrom"
							type="text" size="30" />
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>办理日期(止)：</label><input name="crtDateEnd" class="date validDateTo"
							type="text" size="30" />
					</p>
				</div>
			</div>

			<div class="subBar">
				<ul>
					<li>
						<div class="buttonActive">
							<div class="buttonContent">
								<button type="submit" onclick="initCurrentPage()">查询</button>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</form>
</div>

<form method="post" action="" class="pageForm required-validate"
	onsubmit="return validateCallback(this,refresh);">
	<div class="pageContent">
		<div id="ByLossAndUnbind">
			<table class="table" width="100%" layoutH="218">
				<thead>
					<!-- 	卡产品、姓名、证件号码、市民卡号、办理日期、办理网点、办理柜员、业务类型-->
					<tr align="center">
						<th width="10%">卡产品</th>
						<th width="10%">姓名</th>
						<th width="20%">证件号码</th>
						<th width="15%">市民卡号</th>
						<th width="10%">办理日期</th>
						<th width="15%">办理网点</th>
						<th width="10%">办理柜员</th>
						<th width="10%">业务类型</th>
					</tr>
				</thead>
				<tbody id="tbodyByQueryLossAndUnbind">

				</tbody>
			</table>
		</div>
		<!-- <div class="panelBar">
		<div class="pages">
			<span>显示</span>
			<select id="numPerPageByQueryLossAndUnbind" name="numPerPage" onchange="paging(this,$('#queryLossAndUnbind'),queryLossAndUnbind)">
				<option value="20">20</option>
				<option value="30">30</option>
				<option value="50">50</option>
				<option value="100">100</option>
			</select>
			<span id="totalCountByQueryLossAndUnbind" ></span>
		</div>
			<div id="paginationByQueryLossAndUnbind" class="pagination1"  ></div>
	</div> -->
		<div class="panelBar">
			<div class="pages">
				<span>显示</span> <select class="combox" name="numPerPage"
					onchange="navTabPageBreak({numPerPage:this.value},'tbodyByQueryLossAndUnbind',queryLossAndUnbind)">
					<option value="20">20</option>
					<option value="50">50</option>
					<option value="100">100</option>
					<option value="200">200</option>
				</select> <span id="totalCountByQueryLossAndUnbind">条，共${totalCount}条</span>
			</div>

			<div callback='queryLossAndUnbind'
				id="paginationByQueryLossAndUnbind" rel="tbodyByQueryLossAndUnbind"
				class="pagination" targetType="navTab" totalCount="200"
				numPerPage="5" pageNumShown="5" currentPage="1"></div>

		</div>
	</div>
</form>


